<style>
img {
    margin: 10px;
}
</style>
<img style="-webkit-filter: sepia() saturate(3) hue-rotate(180deg)" src="resources/reference.png">
<img style="-webkit-filter: saturate(3) hue-rotate(90deg)" src="resources/reference.png">
<img style="-webkit-filter: grayscale() blur(3px)" src="resources/reference.png">
<img style="-webkit-filter: blur(3px) hue-rotate(-90deg) sepia()" src="resources/reference.png">
<img style="-webkit-filter: blur(3px) opacity(0.5) hue-rotate(-90deg) sepia()" src="resources/reference.png">
<img style="-webkit-filter: blur(3px) brightness(1.2) contrast(2)" src="resources/reference.png">
